<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>修德抄经堂</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" type="text/css" href="../bower_components/mui/dist/css/mui.css">
	<link rel="stylesheet" type="text/css" href="../css/base.css">
	<link rel="stylesheet" type="text/css" href="../css/full.css">
	<link rel="stylesheet" type="text/css" href="../css/reg.css">
	<script src="../bower_components/mui/dist/js/mui.min.js"></script>
	<script src="../bower_components/jquery/dist/jquery.js"></script>
</head>
<body>
	<div class="page">
	    <div class="content">
	    	<table>
	    		<tr>
	    			<td width="25%" class="qian">用户名</td>
	    			<td width="75%" class="hou">
	    				<input id="username" name="username" type="text" placeholder="请设置用户名" />
	    				<p class="tishi">设置后不可更改，印刷是同步在印刷本中，最长14个英文或7个中文</p>
	    				<img src="../img/code.png" />
	    			</td>
	    		</tr>
	    		<tr>
	    			<td width="25%" class="qian">手机号码</td>
	    			<td width="75%" class="hou">
	    				<input id="tel" name="tel" type="text" placeholder="可用于登录和找回密码" />
	    				<p class="tishi red">手机号码格式不正确</p>
	    				<img src="../img/code.png" />
	    			</td>
	    		</tr>
	    		<tr>
	    			<td width="25%" class="qian">验证码</td>
	    			<td width="75%" class="hou">
	    				<input id="code" name="code" style="width:60%" type="text" placeholder="请输入验证码" />
	    				<button id="fasong" type="button">发送</button>
	    				<p class="tishi red">验证码输入错误</p>
	    				<img src="../img/code.png" />
	    			</td>
	    		</tr>
	    		<tr>
	    			<td width="25%" class="qian">密码</td>
	    			<td width="75%" class="hou">
	    				<input id="password" name="password" type="password" placeholder="请设置登录密码" />
	    				<p class="tishi">长度为6-14个字符支<br>持数字、大小写字母和标点符号<br>不允许有空格</p>
	    				<img src="../img/code.png" />
	    			</td>
	    		</tr>
	    	</table>
	    	<a href="javascript:void(0);" class="btnSubmit">
	    		<button id="btn" type="submit">注　　册</button>
	    	</a>
		</div>
			
		<div id="fugai"></div>
		<p id="wanshan" class="fang">手机号不能为空</p>
		<p id="wanshan2" class="fang">注册成功</p>
	</div>
</body>
<script>
	$("#username,#password").focus(function(){
		$(this).parent().find('.tishi').show();
	});

	mui('body').on('tap','.btnSubmit',function(){

		// mui.toast('1111111111');
		$("#wanshan2").show();
		setTimeout(function(){

			window.location.href='./login.html';
		},800);
	});
</script>
</html>
